/*!
 * Schedule builder
 *
 * Copyright (c) 2011, Edwin Choi
 *
 * Licensed under LGPL 3.0
 * http://www.gnu.org/licenses/lgpl-3.0.txt
 */

/*-------------------------------------------------------

global layout styles

 */
body {
    font-family: arial, sans-serif !important;
    /*background-image: url(images/bg_.png);*/
    background-color: rgb(246,246,246);
    font-size: 0.688em;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6,h7 {
	font-family: Lucida Grande, Lucida Sans, tahoma;
}

a:visited, a:link, a:active { color: #33f; text-decoration: none; }
a:hover { text-decoration:underline; }
a:focus { outline: none; -moz-outline-style: none; }

input::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    margin: 0;
    border: 0;
}
input[type=radio] {
	outline: none;
	padding:0; margin:0;
}

/*-----------------------------------------------------

basic layout

 */
#page {
    width: 100%;
    height: 100%;
	margin: 0 auto 0 auto;
    display: block;
    opacity: 1;
}
#header {
    background: rgb(192,43,37);
	padding: 3px 3px 3px 8px;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    height: 16px;
    z-index:100000;
}
#header a { color: white; padding-left:4px;padding-right:4px; }
#header h3 { padding:4px; margin:0; font-weight:bold; }
#header nav { margin-left: 150px; color: #ddd; }

#content { margin: 0 6px; padding: 8px 0; clear:both; }

#footer {
    margin: 0 auto 0 auto;
    clear:both;
    display:block;
    text-align:center;
    padding-top: 18px;
}


#infopanel { display:none; width: 652px; position:absolute !important; }
.panel .hdr {
    background: rgb(192,43,37);
	padding: 0 12px 3px 12px;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
}
.panel .hdr h3 { padding: 0; margin: 0; font-weight: bold; }
.panel .bdy {
	font-size: 1.15em;
	border:2px rgb(192,43,37) solid;
	border-top: none;
	padding:12px 16px;
	background-color: #fff;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.center, .left, .right { float: left; padding: 0 8px; }
.left { width: 134px; padding-left:0; }
.right { width: 218px; padding-right: 0px; }
div#content .center { border-left: 1px #966 dotted; border-right: 1px #966 dotted; }

hr { border-top: 1px #966 dotted; border-bottom:none; border-left:none; border-right:none; margin-left: 0; margin-right: 0; }
#scheduleView { margin: 2px; }

#course_input { width: 184px; padding: 6px; margin-bottom: 4px; border: 1px #aaa solid; }

.dijitAccordionTitle .dijitIcon { height:10px; width:10px; float: left; border: 1px #888 solid; margin:1px 1px 0 0;padding:0; opacity:0.8; filter:alpha(opacity:80); }

.minipane { background: #efefef url(images/accordion.png) 0 0 repeat-x; padding:4px 7px;border:1px #999 solid; }
.minipane .color-indicator { height:10px; width:10px; float: left; border: 1px #888 solid; margin:1px 5px 0 0;padding:0; opacity:0.8; filter:alpha(opacity:80); }
.dropdown { padding: 1px 1px 2px 4px; margin:2px 0 3px 0; line-height: 1.4em; }
.dropdown:hover { outline: 1px #ccc solid; }
.dropdown .ui-icon { padding-right:7px;padding-top:3px; margin-right:0; height:10px; width:10px; }

.section-info { border: 0; width:100%; margin:0;padding:0; }
.section-info tr td { padding: 0; margin: 1px; }
.section-info .ui-icon { border: 1px #aaa solid; opacity: 0.8; margin:0; padding:0; }
.book-icon { background: transparent url(images/Red-Book-icon.png) 0 0 no-repeat; width: 16px; height: 16px; border: 1px #aaa solid; display: block; }

.course-icon:hover { border-color: #666; cursor: pointer; opacity: inherit; filter: inherit; }
.course-color-1 { background-color: rgb(255, 170, 170); }
.course-color-2 { background-color: rgb(181, 225, 152); }
.course-color-3 { background-color: rgb(180, 205, 235); }
.course-color-4 { background-color: rgb(255, 237, 160); }
.course-color-5 { background-color: rgb(195, 172, 218); }
.course-color-6 { background-color: rgb(245, 198, 95); }
.course-color-7 { background-color: rgb(225, 181, 165); }
.course-color-8 { background-color: rgb(215, 250, 198); }
.course-color-9 { background-color: rgb(176, 191, 235); }
.not-available-color { background: #666; color: #eee; }
.course-name { font-weight: bold; }
.course-title { display: inline-block; margin-top: 1px; }

.sec-table-container { max-height:312px; }
.sec-table { border-collapse:collapse; width: 100%; height:100%; }
.sec-table tr td { padding: 2px; vertical-align: center; cursor: default; vertical-align: center; }
.sec-table tr.exclude { color: #666; }
.sec-table tr.exclude .sec-input input { display:none; }
.sec-input { margin-top: -4px; width: 14px; height: 14px; }
.sec-table td.sec-section { padding-right: 3px; width: 24px; }
.sec-table .sec-delete { color: #f66; border-color: #f66; outline-color: #f66; }
.slots-table { border: none; padding: 0; margin: 0; border-collapse: collapse; }
.sec-table .slots-table .slot-day, .slots-table .slot-range { padding:0 4px; margin:0; text-align: center; }
.slots-table .slot-location { display: none; }
.section-slots { text-align: center; }












.del-mode .sec-input input[type=radio] { display:none; }
.del-mode .sec-input input[type=checkbox] { display:inherit; }

.sec-view1 .sec-instructor, .sec-view1 .sec-comments { display: none; }
.sec-view2 .sec-slots, .sec-view2 .sec-seats { display:none; }
.sec-view2 .sec-comments { width: 16px; }
.edit-mode .sec-delete { display:block; }
.hide-conf-rows tr.exclude { display:none; }

.dijitAccordionTitleFocus, .dijitTitlePaneTitleFocus { outline: none; }

.filter-desc { margin-bottom: 8px; }
.filter-defs { margin: 0; padding-left: 12px; list-style-type: none; }
.filter-desc strong { display:block; padding-bottom: 4px; }

.dialog {
    background-color:#f8f8f8;
    display:none;
    text-align:left;
    border:1px solid #999;
    padding: 12px 16px;
    font-size: 1.1em;
}
.dialog h2 { margin: 0; }
.dialog .dialog-title { height: 14px; margin-left: 2px;}

.filter-list > dd { margin-left: 12px; }

#listOfDays > li { min-width: 14%; width: 14%; text-align: center; }
#listOfDays > li > * { display:block; text-align: center; }

.invis { display:none; height:0; width:0; position:absolute; }










div.thumbs-container { margin: 0 2px 0 auto; }
.thumbs-nav { font-size:1.2em;position:absolute;top:-1000px;padding:3px; border-collapse: collapse; }
.thumbs-nav:hover { opacity: 1; filter:alpha(opacity:100); }
.thumbs-nav table { border:0;background-color: rgb(246,246,246); }
.thumbs-nav table tr td { padding: 0; margin: 0; }














/*
 * MAIN PAGE ELEMENT SPECIFIC SHIT
 */
input.empty { color: #777; }
input#search_input { width: 97%; margin:0; padding-left:2px; }
#submitButton { background-color: transparent; border:none; cursor:pointer; opacity:0.5;filter:(opacity=50); margin-right:4px;margin-top:2px; padding-left:2px; outline:none; }
#submitButton:hover, #submitButton:active { border-left: 1px #aaa dotted; margin-right:5px; opacity:0.7; filter:(opacity=90); z-index:100; }
#sflinks { position:relative;}

span.spacer { color: #333; margin-left:2px; margin-right:4px; margin-top:0;margin-bottom:0;padding:0; }

ul.ui-autocomplete { width: 268px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
ul.ui-autocomplete li a { border-radius:0; -moz-border-radius: 0; -webkit-border-radius: 0; }

.ui-icon { cursor: pointer; }

.thumbs-container { background-color: #666; margin: 0; width:1px; text-align: center; }
.image-container {
	position:relative;
	display:inline-block;
	margin: 4px;
	opacity: 0.9;
	border: 2px #999 solid;
	background-color: #fafafa;
}
.image-container:hover { opacity: inherit; border-color: #f66; background-color: #fff; }

.ui-state-disabled:hover .ui-icon {
	cursor: default;
}

a.ui-state-disabled:hover, .fb_button_simple:hover { text-decoration:none; }
#tooltip {
	display: none;
	position: absolute;
	float: left;
	width: 280px;
	min-height: 80px;
	background-color: #f5f5f5;
	border: 1px #333 solid;
	-moz-box-shadow: 0 3px 12px;
	z-index: 100000;
	padding: 8px;
	margin-top: 3px;
	margin-left: 1px;
}
#tooltip > .tt-items { list-style-type: none; padding-left:8px; }
.tt-items > li { display: block; line-height:1.5em; clear:both; }
#tooltip h4 { padding: 0 0 2px 0; margin: 0; }
#tooltip span.hdr { width: 82px !important; font-weight: bold; float:left; text-align:left; }
#tooltip div { display:block; clear:both; }
#tooltip { display: none; }
#tooltip .tt-title { border-bottom: 2px #666 solid; }

ul#scheduleList { display:inline-block; list-style-type:none; padding: .1em .3em; margin:-4px 8px; }
ul#scheduleList li { float:left; padding: 0 2px; border:1px #333 solid; height: 16px; width: 16px; text-align:center; display: inline-block; }
ul#scheduleList a:hover { cursor: pointer; }

#schedactions .ui-button-text { padding-top: 1px; padding-bottom: 1px; }
#schedactions button { opacity: 0.66; }
#schedactions button:hover { opacity: 0.88; }

#schedactions button.ui-state-disabled { opacity: 0.5; cursor: default; }

.dijitMenuPopup { margin-left: 5px; }

.dijitAccordionText a.close { font-style: italic; color: #999; float:right; position:relative; margin-top:-1px; }
.dijitAccordionText a:hover.close { cursor: pointer; color: #333; }
